<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
  <head>
    <title>online markdown editor</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    
    <!-- Styles -->
    <link type="text/css" rel="stylesheet" href="wmd/wmd.css"/>
    <link type="text/css" rel="stylesheet" href="css/style.css"/>
    <link type="text/css" rel="stylesheet" href="css/theme-balupton.css"/>
    
  </head>
  <body>

          <div id="editor">
            <div id="toolbar" class="wmd-toolbar"></div>
            <textarea id="input" class="wmd-input" rows="30" cols="80"></textarea>
            <div id="tools">
              <button id="highlightCode" class="toolbutton">Highlight Code</button>
              <button id="selectall" class="toolbutton" onclick="selectAll();">Select all preview text</button>
              <button id="tohtml" class="toolbutton" onclick="toHtml();">Print</button>
              <!-- <button id="copyall" class="toolbutton" onclick="copyAll();">Copy to clipboard</button> -->
            </div>
          </div>
          <div id="preview" class="wmd-preview">
          </div>


    <div id="footer">
        <strong>online markdown editor</strong> written by <a href="http://homepage.univie.ac.at/werner.robitza">werner robitza</a> // based on <a href="http://github.com/innocead/wmd">wmd</a> // uses <a href="http://balupton.com/projects/jquery-syntaxhighlighter">jQuery syntax highlighter</a> and icons by <a href="http://p.yusukekamiyamane.com/">Yusuke Kamiyamane</a> // current <a href="issues.html">issues</a>
    </div>
    
    <!-- jQuery and Syntax Highlight -->
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.syntaxhighlighter.min.js"></script>

    <!-- WMD -->
    <script type="text/javascript" src="wmd/showdown.js"></script>
    <script type="text/javascript" src="wmd/wmd.js"></script>
    
    <!-- Additional scripts -->
    <script type="text/javascript" src="js/functions.js"></script>
    
    <!-- jQuery listener for syntax highlight -->
    <script type="text/javascript">
    $(document).ready(function() {
      $("#highlightCode").click(function(){
        $.SyntaxHighlighter.init({
        'lineNumbers': false,
        'debug': true
        });
      });
      new WMD("input", "toolbar", { preview: "preview" });
    });
    </script>
  </body>
</html>

